<template>
  <div>
   <h1>{{article.title}}</h1>
   <div>
    <img :src="article.avatar" width="50" height="50" alt="">
    <p>
        {{article.nickname}}
    </p>
    <p>
        {{article.time}}
    </p>
    <div v-html="article.content"></div>
   </div>
  </div>
</template>

<script>
export default {
   name:'ArticleContent',
   props:{
    article:{
        required:true
    }
   }
}
</script>

<style>

</style>